<template>
  <view class="home">
    <img-oss width="750rpx" height="750rpx" default-src="/static/images/icon_homeBg.png" class="home_bg"/>
    <view class="main">
      <!-- 轮播图 -->
      <Swiper height="280rpx"></Swiper>
      <title_row title="服务项目" :isRight="true">
        <slot>
          <view class="title_row_right">
            <view class="title_row_right-name">全部服务</view>
            <text class="iconfont icon-toRight"></text>
          </view>
        </slot>
      </title_row>
      <card_view></card_view>
      <title_row title="联系我们"/>
      <view class="view_card—box">
        <view class="view_card">
          <view class="view_card-bg">
            <img-oss src="/static/images/empty.png" width="400rpx" height="200rpx"/>
          </view>
          <view class="view_card-position">
            <view class="view_card_left">
              <view class="view_card_left_item">
                <text class="iconfont icon-position-fill"></text>
                <view class="view_card_left_item-text ">四川天府新区华阳街道祥鹤二街639号</view>
              </view>
              <view class="view_card_left_item">
                <text class="iconfont icon-tel-fill"></text>
                <view class="view_card_left_item-text">028-81536615</view>
              </view>
            </view>
            <view class="view_card_right">
              <view class="view_card_right-icon">
                <text class="iconfont icon-choose-fill"></text>
              </view>
              <view class="view_card_right-icon">
                <text class="iconfont icon-tel-fill"></text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import card_view from "./components/card_view.vue";
import title_row from "./components/title_row.vue";

export default {
  components: {
    card_view, title_row
  },
  data() {
    return {
      beans: {}
    }
  },
  onLoad() {

  },
  methods: {}
}
</script>

<style lang="scss" scoped>
@import "./index.scss";

.main {
  position: relative;
}

</style>
